<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>奖品兑换记录</title>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
		<link rel="stylesheet" href="css/awardRecord.css" />
		<link rel="stylesheet" type="text/css" href="css/hehua.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="//res.qiaomukeji.com/js/chomoo-weixin.js?v=3"></script>
		<script type="text/javascript" src="js/moduls/islogin.js"></script>
		<script type="text/javascript" src="js/adapter.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	</head>

	<body>
		<div class="top">
			<div class="top-logo">
			</div>
			<div class="top-theme">
			</div>
			<div class="top-title">
			</div>

			<div class="top-btnBack" onclick="history.go(-1);">
			</div>
		</div>
		<div class="bottom">
			<div class="bottom-logo2">
			</div>
		</div>

		<div class="content">
			<div class="middlePath">
				<div class="title">
					<img src="img/awardRecord.png" />
				</div>
				<div class="hhtable">
					<div class="hhtable-content" style="height: 4rem;">
						<div class="hhtable-header">
							<table>
								<thead>
									<tr>
										<td style="width:20% ">奖品名称</td>
										<td style="width:20% ">个数</td>
										<td style="width:30% ">消耗荷花数</td>
										<td style="width:30% ">兑换时间</td>
									</tr>
								</thead>

							</table>
						</div>
						<div class="hhtable-body ">
							<table>
								<tbody>
									<tr v-for="awardRecord in awardRecords " :key="awardRecord.id ">
										<td style="width:20% ">{{awardRecord.awardName}}</td>
										<td style="width:20% ">{{awardRecord.number}}</td>
										<td style="width:30% ">{{awardRecord.cutNumber}}</td>
										<td style="width:30% ">{{awardRecord.date}}</td>
									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>

				<div class="page ">
					<!--<span>页码</span>
					<span>1</span>
					<span>2</span>
					<span>3</span>
					<span>4</span>
					<span>5</span>
					<span>6</span>-->

				</div>

			</div>
		</div>

		<script>
			var app = new Vue({
				el: '.content',
				data: {
					awardRecords: []
				}
			})
			//兑奖记录
			awardRecords(function(res){
				app.awardRecords=res.awardRecords;
			})
		</script>

	</body>

</html>